$(function () {
    var index = 0;

    $("#next").click(function () {
        index++;
        if (index > 4) {
            index = 0;
        }
        bannerAnimate(index);
    })

    $("#prev").click(function () {
        index--;
        if (index < 0) {
            index = 4;
        }
        bannerAnimate(index);
    })

    $("span").click(function () {
        index = $(this).index();
        bannerAnimate(index);
    })

    function bannerAnimate(index) {
        $("#list>img").eq(index).fadeIn().siblings().fadeOut();
        $("#btns>span").eq(index).addClass("current").siblings().removeClass("current")
    }
})